<html>
	<head>

		<script src="../js/jquery.min.js"></script>
		<script src="../js/jquery.Jcrop.js"></script>
		<link rel="stylesheet" href="../css/jquery.Jcrop.css" type="text/css" />
		<link rel="stylesheet" href="demo_files/demos.css" type="text/css" />

		<script language="Javascript">

		jQuery(function(){
			jQuery('#cropbox').Jcrop();
		});

		</script>

	</head>

	<body>
		<div id="outer">
		<div class="jcExample">
		<div class="article">

			<h1>Jcrop - Hello World</h1>
			<img src="demo_files/flowers.jpg" id="cropbox" />

			<p>
				<b>This example is provided as a demo of the default behavior of Jcrop.</b>
				Since no event handlers have been attached it only performs
				the cropping behavior.
			</p>

			<div id="dl_links">
				<a href="http://deepliquid.com/content/Jcrop.html">Jcrop Home</a> |
				<a href="http://deepliquid.com/content/Jcrop_Manual.html">Manual (Docs)</a>
			</div>

		</div>
		</div>
		</div>
	</body>
</html>

